<template>
  <div class="definedImg flex flex-col justify-center items-center">
    <div class="definedImg-info">
      <img src="@/assets/images/noDataImg.png" alt="#" class="defined-img">
      <div class="definedImg-text">{{ msg }}</div>
    </div>
  </div>
</template>

<script setup>
defineProps({
  msg: {
    type: String,
    default: '暂无数据'
  }
})
</script>

<style scoped>
.definedImg {
  width: 100%;
  padding: 12px;
  height: 60%;
  /* height: 100%; */
  text-align: center;
  box-sizing: border-box;
}

.definedImg-info {
  width: 100%;
  max-width: 242px;
}

.defined-img {
  width: 100%;
}

.definedImg-text {
  margin-top: 19.2px;
  line-height: 24px;
  font-size: 24px;
  color: var(--el-text-color-secondary)
}
</style>
